<template>
    <div class="NumbeRFMaintenMZGHDJ">
        <div class="pubBig standard ">
            <div class="h0">
                <p class="lt">门诊挂号登记</p>
            </div>

            <div class="dRightMain">
                <el-row>
                    <el-col :span="12">
                        <div class="cardP">
                            <el-card class="box-card">
                                <div slot="header" class="clearfix">
                                    <span>挂号列表</span>
                                    <el-button style="float: right; padding: 3px 0" type="text" v-if="false">操作按钮
                                    </el-button>
                                </div>
                                <div class="cardC" style="height: 500px;overflow-y: auto">
                                    <el-row>
                                        <el-col :span="24">
                                            <div class="grid-content bg-purple ">
                                                <div class="fjtable">
                                                    <el-row>
                                                        <el-col :span="10">
                                                            <div class="grid-content bg-purple div_P">
                                                                <div class="form-group">
                                                                    <p class="selectTime">
                                                                        <label>患者姓名:</label>
                                                                        <input type="text" class="form-control"
                                                                               v-model="getGHListObj.name"
                                                                               placeholder="必填">
                                                                        </input>
                                                                    </p>
                                                                </div>
                                                            </div>
                                                        </el-col>
                                                        <el-col :span="8">
                                                            <div class="grid-content bg-purple div_P">
                                                                <div class="form-group">
                                                                    <p class="selectTime">
                                                                        <label>挂号日期:</label>
                                                                        <el-date-picker style="width:98px;height:32px"
                                                                                        type="date"
                                                                                        v-model="getGHListObj.regdate"
                                                                                        @change="getReferralList()"
                                                                                        value-format="yyyy-MM-dd"
                                                                                        placeholder="选择日期">
                                                                        </el-date-picker>
                                                                    </p>
                                                                </div>
                                                            </div>
                                                        </el-col>
                                                        <el-col :span="6">
                                                            <div class="grid-content bg-purple div_P">
                                                                <div class="form-group">
                                                                    <p class="selectTime">
                                                                        <el-button type="primary" @click="getYYGHList">
                                                                            查询
                                                                        </el-button>

                                                                    </p>
                                                                </div>
                                                            </div>
                                                        </el-col>
                                                    </el-row>
                                                    <el-table
                                                            :data="YYGHList"
                                                            height="398"
                                                            border
                                                            style="width: 100%">
                                                        <el-table-column
                                                                fixed
                                                                prop="PatName"
                                                                label="患者姓名"
                                                        >
                                                        </el-table-column>
                                                        <el-table-column
                                                                prop="IDCard"
                                                                label="身份证号"
                                                        >
                                                        </el-table-column>
                                                        <el-table-column
                                                                prop="RegisterTime"
                                                                label="挂号时间"
                                                        >
                                                        </el-table-column>
                                                        <el-table-column
                                                                prop="StatusName"
                                                                label="状态"
                                                        >
                                                        </el-table-column>


                                                        <el-table-column
                                                                fixed="right"
                                                                label="操作"
                                                                width="100">
                                                            <template slot-scope="scope">
                                                                <el-button @click="handleClickJCItem(scope.row)"
                                                                           type="text" size="small">退号
                                                                </el-button>
                                                            </template>
                                                        </el-table-column>
                                                    </el-table>
                                                    <el-pagination
                                                            background
                                                            layout="prev, pager, next"
                                                            :page-size="10"
                                                            @current-change="handleCurrentChange2"
                                                            :total="total">
                                                    </el-pagination>
                                                </div>
                                            </div>
                                        </el-col>
                                    </el-row>

                                </div>
                            </el-card>
                        </div>
                    </el-col>
                    <el-col :span="12">
                        <el-row style=" background-color: #f6f6f6">
                            <el-col :span="6">
                                <el-image
                                        style=" height: 200px;padding: 12px"
                                        :src="selectDoctorObj.UserPhotoUrl"
                                        :fit="fill"></el-image>
                            </el-col>
                            <el-col :span="18">
                                <el-row>
                                    <el-col :span="16">
                                        <div class="grid-content bg-purple-light div_P">
                                            <div class="form-group">
                                                <p>
                                                    <label style="border-style: none; border-bottom-style: solid">医生姓名:</label>
                                                    <input type="text" class="form-control"
                                                           style="border-style: none; border-bottom-style: solid"
                                                           disabled v-model="selectDoctorObj.DoctorName">
                                                    </input>
                                                </p>
                                            </div>
                                        </div>
                                    </el-col>
                                    <el-col :span="8">
                                        <el-button type="success" @click="showDialog('MZGH')">预约挂号</el-button>
                                    </el-col>
                                </el-row>
                                <el-row>
                                    <el-col :span="12">
                                        <div class="grid-content bg-purple-light div_P">
                                            <div class="form-group">
                                                <p>
                                                    <label style="border-style: none; border-bottom-style: solid">科室:</label>
                                                    <input type="text" class="form-control"
                                                           style="border-style: none; border-bottom-style: solid"
                                                           disabled v-model="selectDoctorObj.DeptName">
                                                    </input>
                                                </p>
                                            </div>
                                        </div>
                                    </el-col>
                                    <el-col :span="12">
                                        <div class="grid-content bg-purple-light div_P">
                                            <div class="form-group">
                                                <p>
                                                    <label style="border-style: none; border-bottom-style: solid">医院:</label>
                                                    <input type="text" class="form-control"
                                                           style="border-style: none; border-bottom-style: solid"
                                                           disabled v-model="selectDoctorObj.HospitalName">
                                                    </input>
                                                </p>
                                            </div>
                                        </div>
                                    </el-col>
                                </el-row>
                                <el-row>
                                    <el-col :span="12">
                                        <div class="grid-content bg-purple-light div_P">
                                            <div class="form-group">
                                                <p>
                                                    <label style="border-style: none; border-bottom-style: solid">就诊日期:</label>
                                                    <input type="text" class="form-control"
                                                           style="border-style: none; border-bottom-style: solid"
                                                           disabled v-model="selectDoctorObj.ScheduleDate">
                                                    </input>
                                                </p>
                                            </div>
                                        </div>
                                    </el-col>
                                    <el-col :span="12">
                                        <div class="grid-content bg-purple-light div_P">
                                            <div class="form-group">
                                                <p>
                                                    <label style="border-style: none; border-bottom-style: solid">就诊时段:</label>
                                                    <input type="text" class="form-control"
                                                           style="border-style: none; border-bottom-style: solid"
                                                           disabled v-model="selectHY.BeginTime+'-'+selectHY.EndTime">
                                                    </input>
                                                </p>
                                            </div>
                                        </div>
                                    </el-col>
                                </el-row>
                            </el-col>
                        </el-row>
                        <div class="cardP">
                            <el-card class="box-card">
                                <div slot="header" class="clearfix">
                                    <span>患者信息</span>
                                </div>
                                <div>
                                    <div>
                                        <el-radio v-model="AddGHObj.isFirst" label="1">初诊</el-radio>
                                        <el-radio v-model="AddGHObj.isFirst" label="2">复诊</el-radio>
                                        <el-row>

                                            <el-col :span="12">
                                                <div class="grid-content bg-purple-light div_P">
                                                    <div class="form-group">
                                                        <p>
                                                            <label>患者姓名:</label>
                                                            <input type="text" class="form-control"
                                                                   v-model="AddGHObj.PatName"
                                                                   placeholder="必填">
                                                            </input>
                                                        </p>
                                                    </div>
                                                </div>
                                            </el-col>
                                            <el-col :span="12">
                                                <div class="grid-content bg-purple div_P">
                                                    <div class="form-group">
                                                        <p class="selectTime">
                                                            <label>出生日期:</label>
                                                            <el-date-picker style="width:168px;height:32px"
                                                                            type="date"
                                                                            v-model="AddGHObj.Born"
                                                                            value-format="yyyy-MM-dd"
                                                                            placeholder="选择日期">
                                                            </el-date-picker>
                                                        </p>
                                                    </div>
                                                </div>
                                            </el-col>

                                        </el-row>
                                        <el-row>
                                            <el-col :span="12">
                                                <div class="grid-content bg-purple div_P">
                                                    <div class=" form-group ">
                                                        <p>
                                                            <label>性别:</label>
                                                            <select class="form-control"
                                                                    v-model="AddGHObj.Sex"
                                                                    placeholder="请选择">
                                                                <option v-for="(item,index) in xbList"
                                                                        :label="item.name"
                                                                        :value="item.code"
                                                                        :key="index"></option>
                                                            </select>
                                                        </p>
                                                    </div>
                                                </div>
                                            </el-col>
                                            <el-col :span="12">
                                                <div class="grid-content bg-purple-light div_P">
                                                    <div class="form-group">
                                                        <p>
                                                            <label>年龄:</label>
                                                            <input type="text" class="form-control"
                                                                   style="width: 60px!important;"
                                                                   v-model="AddGHObj.Age"
                                                                   placeholder="必填">
                                                            </input>
                                                            <select class="form-control"
                                                                    style="width: 60px!important;margin-left: 20px"
                                                                    v-model="AddGHObj.AgeUnit"
                                                                    placeholder="请选择">
                                                                <option v-for="(item,index) in nldwList"
                                                                        :label="item.name"
                                                                        :value="item.code"
                                                                        :key="index"></option>
                                                            </select>
                                                        </p>
                                                    </div>
                                                </div>
                                            </el-col>

                                        </el-row>
                                        <el-row>

                                            <el-col :span="24">
                                                <div class="grid-content bg-purple-light div_P">
                                                    <div class="form-group">
                                                        <p>
                                                            <label>身份证号:</label>
                                                            <input type="text" class="form-control" style="width: 18rem"
                                                                   v-model="AddGHObj.IDCard"
                                                                   placeholder="必填">
                                                            </input>
                                                        </p>
                                                    </div>
                                                </div>
                                            </el-col>
                                        </el-row>
                                        <el-row>
                                            <el-col :span="24">
                                                <div class="grid-content bg-purple-light div_P">
                                                    <div class="form-group">
                                                        <p>
                                                            <label>电话号:</label>
                                                            <input type="text" class="form-control" style="width: 18rem"
                                                                   v-model="AddGHObj.CellPhone"
                                                                   placeholder="">
                                                            </input>
                                                        </p>
                                                    </div>
                                                </div>
                                            </el-col>
                                        </el-row>
                                        <el-row>
                                            <el-col :span="12">
                                                <el-link type="primary"></el-link>
                                            </el-col>
                                            <el-col :span="6">
                                                <el-button type="success" round @click=" AddYYGH()">提交</el-button>
                                            </el-col>

                                        </el-row>
                                    </div>
                                </div>
                            </el-card>
                        </div>
                    </el-col>
                </el-row>


            </div>

            <!--弹框   添加检验-->
            <div class="blackBg hyCZBg" v-if="isShow=='showTJJY'">
                <div class="panel-default column2">
                    <em class="closes" @click="showDialog('')">×</em>
                    <div class="panel-heading">添加检验项目</div>
                    <div class="pucLabel">
                        <div class="form-group clearfix">
                            <p>
                                <label>检验项目：</label>
                                <el-autocomplete
                                        v-model="state"
                                        :fetch-suggestions="querySearchAsync"
                                        placeholder="请输入内容"
                                        @select="handleSelect"
                                ></el-autocomplete>
                            </p>
                            <p class="selectTime">
                                <label>预约时间：</label>

                                <el-date-picker style="width:168px;height:32px"
                                                type="date"
                                                v-model="stateTime"
                                                value-format="yyyy-MM-dd"
                                                placeholder="选择日期">
                                </el-date-picker>
                            </p>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" @click="showDialog('')">关闭</button>
                        <button type="button" class="btn btn-primary" @click="addJYItem()">保存</button>
                    </div>
                </div>
            </div>

            <!--弹框   检验申请单详情-->
            <div class="blackBg hyCZBg Dilog " v-if="isShow=='Infor'">
                <div class="panel-default column2">
                    <em class="closes" @click="showDialog('')">×</em>
                    <div class="panel-heading">检验申请单详情</div>
                    <div style="height: 500px;overflow: auto" class="cardP">
                        <el-card class="box-card">
                            <div slot="header" class="clearfix">
                                <span>患者信息</span>
                            </div>
                            <div>
                                <div>
                                    <el-row>

                                        <el-col :span="6">
                                            <div class="grid-content bg-purple-light div_P">
                                                <div class="form-group">
                                                    <p>
                                                        <label>患者姓名:</label>
                                                        <input type="text" class="form-control"
                                                               disabled v-model="JYInforObj.PatientInfo.Name"
                                                               placeholder="必填">
                                                        </input>
                                                    </p>
                                                </div>
                                            </div>
                                        </el-col>
                                        <el-col :span="6">
                                            <div class="grid-content bg-purple div_P">
                                                <div class="form-group">
                                                    <p class="selectTime">
                                                        <label>出生日期:</label>
                                                        <el-date-picker style="width:168px;height:32px"
                                                                        type="date"
                                                                        disabled v-model="JYInforObj.PatientInfo.Born"
                                                                        value-format="yyyy-MM-dd"
                                                                        placeholder="选择日期">
                                                        </el-date-picker>
                                                    </p>
                                                </div>
                                            </div>
                                        </el-col>
                                        <el-col :span="6">
                                            <div class="grid-content bg-purple-light div_P">
                                                <div class="form-group">
                                                    <p>
                                                        <label>年龄:</label>
                                                        <input type="text" class="form-control"
                                                               style="width: 60px!important;"
                                                               disabled v-model="JYInforObj.PatientInfo.Age"
                                                               placeholder="必填">
                                                        </input>
                                                        <select class="form-control"
                                                                style="width: 60px!important;margin-left: 20px"
                                                                disabled v-model="JYInforObj.PatientInfo.AgeUnit"
                                                                placeholder="请选择">
                                                            <option v-for="(item,index) in nldwList"
                                                                    :label="item.name"
                                                                    :value="item.code"
                                                                    :key="index"></option>
                                                        </select>
                                                    </p>
                                                </div>
                                            </div>
                                        </el-col>
                                    </el-row>
                                    <el-row>
                                        <el-col :span="6">
                                            <div class="grid-content bg-purple div_P">
                                                <div class=" form-group ">
                                                    <p>
                                                        <label>性别:</label>
                                                        <select class="form-control"
                                                                disabled v-model="JYInforObj.PatientInfo.Sex"
                                                                placeholder="请选择">
                                                            <option v-for="(item,index) in xbList"
                                                                    :label="item.name"
                                                                    :value="item.code"
                                                                    :key="index"></option>
                                                        </select>
                                                    </p>
                                                </div>
                                            </div>
                                        </el-col>
                                        <el-col :span="6">
                                            <div class="grid-content bg-purple-light div_P">
                                                <div class="form-group">
                                                    <p>
                                                        <label>体重:</label>
                                                        <input type="text" class="form-control"
                                                               disabled v-model="JYInforObj.PatientInfo.Weight"
                                                               placeholder="必填">
                                                        </input>
                                                    </p>
                                                </div>
                                            </div>
                                        </el-col>
                                        <el-col :span="6">
                                            <div class="grid-content bg-purple div_P">
                                                <div class="form-group">
                                                    <p class="selectTime">
                                                        <label>身高:</label>
                                                        <input type="text" class="form-control"
                                                               disabled v-model="JYInforObj.PatientInfo.Height"
                                                               placeholder="必填">
                                                        </input>
                                                    </p>
                                                </div>
                                            </div>
                                        </el-col>
                                        <el-col :span="6">
                                            <div class="grid-content bg-purple-light div_P">
                                                <div class="form-group">
                                                    <p>
                                                        <label>BMI:</label>
                                                        <input type="text" class="form-control"
                                                               disabled v-model="JYInforObj.PatientInfo.BMI"
                                                               placeholder="必填">
                                                        </input>
                                                    </p>
                                                </div>
                                            </div>
                                        </el-col>
                                    </el-row>
                                    <el-row>
                                        <el-col :span="6">
                                            <div class="grid-content bg-purple div_P">
                                                <div class=" form-group ">
                                                    <p>
                                                        <label>婚姻情况:</label>
                                                        <select class="form-control"
                                                                disabled v-model="JYInforObj.PatientInfo.Marital"
                                                                placeholder="请选择">
                                                            <option v-for="(item,index) in hyqkList"
                                                                    :label="item.name"
                                                                    :value="item.code"
                                                                    :key="index"></option>
                                                        </select>
                                                    </p>
                                                </div>
                                            </div>
                                        </el-col>
                                        <el-col :span="6">
                                            <div class="grid-content bg-purple-light div_P">
                                                <div class="form-group">
                                                    <p>
                                                        <label>患者病情:</label>
                                                        <select class="form-control"
                                                                disabled v-model="JYInforObj.PatientInfo.Condition"
                                                                placeholder="请选择">
                                                            <option v-for="(item,index) in hzbqList"
                                                                    :label="item.name"
                                                                    :value="item.code"
                                                                    :key="index"></option>
                                                        </select>
                                                    </p>
                                                </div>
                                            </div>
                                        </el-col>
                                        <el-col :span="6">
                                            <div class="grid-content bg-purple div_P">
                                                <div class="form-group">
                                                    <p class="selectTime">
                                                        <label>入院时间:</label>
                                                        <el-date-picker style="width:98px;height:32px"
                                                                        type="date"
                                                                        disabled v-model="JYInforObj.PatientInfo.InDate"
                                                                        value-format="yyyy-MM-dd"
                                                                        placeholder="选择日期">
                                                        </el-date-picker>
                                                    </p>
                                                </div>
                                            </div>
                                        </el-col>
                                        <el-col :span="6">
                                            <div class="grid-content bg-purple-light div_P">
                                                <div class="form-group">
                                                    <p>
                                                        <label>电话:</label>
                                                        <input type="text" class="form-control" style="width: 98px"
                                                               disabled v-model="JYInforObj.PatientInfo.TelePhone"
                                                               placeholder="必填">
                                                        </input>
                                                    </p>
                                                </div>
                                            </div>
                                        </el-col>
                                    </el-row>
                                    <el-row>
                                        <el-col :span="6">
                                            <div class="grid-content bg-purple div_P">
                                                <div class=" form-group ">
                                                    <p>
                                                        <label>国籍:</label>
                                                        <select class="form-control"
                                                                disabled v-model="JYInforObj.PatientInfo.Country"
                                                                placeholder="请选择">
                                                            <option v-for="(item,index) in gjList"
                                                                    :label="item.name"
                                                                    :value="item.code"
                                                                    :key="index"></option>
                                                        </select>
                                                    </p>
                                                </div>
                                            </div>
                                        </el-col>
                                        <el-col :span="6">
                                            <div class="grid-content bg-purple-light div_P">
                                                <div class="form-group">
                                                    <p>
                                                        <label>民族:</label>
                                                        <select class="form-control"
                                                                disabled v-model="JYInforObj.PatientInfo.Nation"
                                                                placeholder="请选择">
                                                            <option v-for="(item,index) in mzList"
                                                                    :label="item.name"
                                                                    :value="item.code"
                                                                    :key="index"></option>
                                                        </select>
                                                    </p>
                                                </div>
                                            </div>
                                        </el-col>
                                        <el-col :span="6">
                                            <div class="grid-content bg-purple div_P">
                                                <div class="form-group">
                                                    <p class="selectTime">
                                                        <label>职业:</label>
                                                        <select class="form-control"
                                                                disabled v-model="JYInforObj.PatientInfo.Occupation"
                                                                placeholder="请选择">
                                                            <option v-for="(item,index) in zyList"
                                                                    :label="item.name"
                                                                    :value="item.code"
                                                                    :key="index"></option>
                                                        </select>
                                                    </p>
                                                </div>
                                            </div>
                                        </el-col>
                                        <el-col :span="6">
                                            <div class="grid-content bg-purple-light div_P">
                                                <div class="form-group">
                                                    <p>
                                                        <label>地址:</label>
                                                        <input type="text" class="form-control"
                                                               disabled v-model="JYInforObj.PatientInfo.Address"
                                                               placeholder="必填">
                                                        </input>
                                                    </p>
                                                </div>
                                            </div>
                                        </el-col>
                                    </el-row>
                                    <el-row>
                                        <el-col :span="6">
                                            <div class="grid-content bg-purple div_P">
                                                <div class=" form-group ">
                                                    <p>
                                                        <label>医保类别:</label>
                                                        <select class="form-control"
                                                                disabled
                                                                v-model="JYInforObj.PatientInfo.MedicalCatagory"
                                                                placeholder="请选择">
                                                            <option v-for="(item,index) in yblbList"
                                                                    :label="item.name"
                                                                    :value="item.code"
                                                                    :key="index"></option>
                                                        </select>
                                                    </p>
                                                </div>
                                            </div>
                                        </el-col>
                                        <el-col :span="6">
                                            <div class="grid-content bg-purple-light div_P">
                                                <div class="form-group">
                                                    <p>
                                                        <label>医保卡号:</label>
                                                        <input type="text" class="form-control"
                                                               disabled v-model="JYInforObj.PatientInfo.MedicalCard"
                                                               placeholder="必填">
                                                        </input>
                                                    </p>
                                                </div>
                                            </div>
                                        </el-col>

                                    </el-row>
                                </div>
                            </div>
                        </el-card>
                        <el-card class="box-card">
                            <div slot="header" class="clearfix">
                                <span>申请方信息</span>
                            </div>
                            <div>
                                <div>
                                    <el-row>
                                        <el-col :span="6">
                                            <div class="grid-content bg-purple-light div_P">
                                                <div class="form-group">
                                                    <p>
                                                        <label>申请科室:</label>
                                                        <input type="text" class="form-control"
                                                               disabled v-model="JYInforObj.Request.rDept"
                                                               placeholder="必填">
                                                    </p>
                                                </div>
                                            </div>
                                        </el-col>
                                        <el-col :span="6">
                                            <div class="grid-content bg-purple div_P">
                                                <div class="form-group">
                                                    <p>
                                                        <label>申请医生:</label>
                                                        <input type="text" class="form-control"
                                                               disabled v-model="JYInforObj.Request.rDoctor"
                                                               placeholder="必填">
                                                    </p>
                                                </div>
                                            </div>
                                        </el-col>
                                        <el-col :span="6">
                                            <div class="grid-content bg-purple-light div_P">
                                                <div class="form-group">
                                                    <p>
                                                        <label>预约医院:</label>
                                                        <select class="form-control"
                                                                disabled v-model="JYInforObj.Request.sHospital"
                                                                placeholder="请选择">
                                                            <option v-for="(item,index) in zzjgList"
                                                                    :label="item.HospitalName"
                                                                    :value="item.HospitalId"
                                                                    :key="index"></option>
                                                        </select>
                                                    </p>
                                                </div>
                                            </div>
                                        </el-col>
                                    </el-row>
                                </div>
                            </div>
                        </el-card>
                        <div class="grid-content bg-purple ">
                            <el-card style="width: 100%">
                                <div slot="header" class="clearfix">
                                    <span>申请项目</span>
                                    <el-button type="success" style="float: right; padding: 3px 0" v-if="false"
                                               @click="showDialog('showTJJY')">添加
                                        <i class="el-icon-upload el-icon--right"></i>
                                    </el-button>
                                </div>
                                <div class="fjtable">
                                    <el-table
                                            :data="JYInforObj.Request_TestDetails"
                                            height="138"
                                            border
                                            style="width: 100%">
                                        <el-table-column
                                                fixed
                                                prop="Code"
                                                label="项目编号"
                                        >
                                        </el-table-column>
                                        <el-table-column
                                                fixed
                                                prop="name"
                                                label="项目名称"
                                        >
                                        </el-table-column>
                                        <el-table-column
                                                prop="RequestTime"
                                                label="预约时间"
                                        >
                                        </el-table-column>


                                        <el-table-column
                                                prop="province"
                                                label="备注"
                                        >
                                        </el-table-column>

                                        <el-table-column
                                                fixed="right"
                                                label="操作"
                                                width="100">
                                            <template slot-scope="scope">
                                                <el-button
                                                        @click.native.prevent="deleteRow3(scope.$index, addJYObj.Request_TestDetails)"
                                                        type="text"
                                                        size="small">查看报告
                                                </el-button>
                                            </template>
                                        </el-table-column>
                                    </el-table>
                                </div>
                            </el-card>
                        </div>

                    </div>
                </div>
            </div>

            <!--弹框   门诊医生挂号-->
            <div class="blackBg hyCZBg Dilog  elRadioYygh" v-if="isShow=='MZGH'">
                <div class="panel-default column2">
                    <em class="closes" @click="showDialog('')">×</em>
                    <div class="panel-heading">门诊预约挂号</div>
                    <div style="height: 500px;overflow: auto" class="cardPD">

                        <el-row>
                            <el-col :span="8">
                                <div style="background-color: #e4f0fb">
                                    <div class="grid-content bg-purple-light div_P">
                                        <div class="form-group">
                                            <p>
                                                <label style="border-style: none; border-bottom-style: solid">医院:</label>
                                                <select class="form-control"
                                                        v-model="selectZZJG2GH"
                                                        @change="getDeptList"
                                                        placeholder="请选择">
                                                    <option v-for="(item,index) in zzjgList"
                                                            :label="item.HospitalName"
                                                            :value="item"
                                                            :key="index"></option>
                                                </select>
                                            </p>
                                        </div>
                                    </div>
                                    <div class="grid-content bg-purple-light div_P">
                                        <div class="form-group">
                                            <p>
                                                <label style="border-style: none; border-bottom-style: solid">科室:</label>
                                                <select class="form-control"
                                                        v-model="selectDept2GH"
                                                        placeholder="请选择">
                                                    <option v-for="(item,index) in deptList"
                                                            :label="item.Name"
                                                            :value="item"
                                                            :key="index"></option>
                                                </select>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <el-card class="box-card">
                                    <div slot="header" class="clearfix">
                                        <span>挂号情况</span>
                                    </div>

                                    <el-radio-group v-model="tabPosition" @change="getPBDataList"
                                                    style="margin-bottom: 1px;">
                                        <el-radio-button label="1">上周</el-radio-button>
                                        <el-radio-button label="2">本周</el-radio-button>
                                        <el-radio-button label="3">下周</el-radio-button>
                                    </el-radio-group>

                                    <div class="fjtable">
                                        <el-table
                                                :data="pbListData"
                                                height="268"
                                                border
                                                @cell-click="handle"
                                                style="width: 100%">
                                            <el-table-column
                                                    fixed
                                                    prop="ScheduleDate"
                                                    label="日期"
                                            >
                                            </el-table-column>
                                            <el-table-column
                                                    fixed
                                                    prop="SW"
                                                    label="上午"
                                            >
                                            </el-table-column>
                                            <el-table-column
                                                    fixed
                                                    prop="XW"
                                                    label="下午"
                                            >
                                            </el-table-column>

                                        </el-table>
                                    </div>
                                </el-card>
                            </el-col>
                            <el-col :span="10">
                                <el-card class="box-card">
                                    <div slot="header" class="clearfix">
                                        <span>可预约医生列表</span>
                                    </div>
                                    <div class="fjtable">
                                        <el-table
                                                :data="selectDoctorList"
                                                height="388"
                                                border
                                                @current-change="handleCurrentChange"
                                                style="width: 100%">
                                            <el-table-column
                                                    fixed
                                                    prop="DoctorName"
                                                    label="姓名"
                                            >
                                            </el-table-column>
                                            <el-table-column
                                                    fixed
                                                    prop="DeptName"
                                                    label="科室"
                                            >
                                            </el-table-column>
                                            <el-table-column
                                                    fixed
                                                    prop="ScheduleDate"
                                                    label="日期"
                                            >
                                            </el-table-column>
                                            <el-table-column
                                                    fixed
                                                    prop="BeginTime"
                                                    label="开始时间"
                                            >
                                            </el-table-column>
                                            <el-table-column
                                                    fixed
                                                    prop="EndTime"
                                                    label="结束时间"
                                            >
                                            </el-table-column>
                                        </el-table>
                                    </div>
                                </el-card>
                            </el-col>
                            <el-col :span="6">
                                <el-card class="box-card">
                                    <div slot="header" class="clearfix">
                                        <span>就诊时段</span>
                                    </div>
                                    <div class="fjtable">
                                        <el-table
                                                :data="selectDoctorObj.SouceList"
                                                height="388"
                                                border
                                                style="width: 100%">
                                            <el-table-column
                                                    fixed
                                                    prop="BeginTime"
                                                    label="开始时间"
                                            >
                                            </el-table-column>
                                            <el-table-column
                                                    fixed
                                                    prop="EndTime"
                                                    label="结束时间"
                                            >
                                            </el-table-column>
                                            <el-table-column
                                                    fixed="right"
                                                    label="操作"
                                                    width="60">
                                                <template slot-scope="scope">
                                                    <el-button @click="handleClick(scope.row)"
                                                               v-if="scope.row.Status==0" type="text" size="small">挂号
                                                    </el-button>
                                                </template>
                                            </el-table-column>
                                        </el-table>
                                    </div>
                                </el-card>
                            </el-col>
                        </el-row>


                    </div>
                </div>
            </div>

        </div>
    </div>
</template>
<script>
    export default {
        name: "Bedinformation",
        data() {
            return {
                msg: "SystemManagement 下的 Bedinformation",
                activeName: 'first',
                /*************************门诊预约挂号*********************************/
                url: "http://114.115.149.212:28887/images/doctorImg.png",
                tabPosition: '2',
                deptList: [],
                zzjgList: [],
                selectZZJG2GH: {},
                selectDept2GH: {},
                pbListData: [],
                selectDoctorList: [],
                selectHYList: [],
                selectDoctorObj: {
                    SouceList: [],
                    ScheduleDate: "",
                    HospitalName: "",
                    DoctorName: "",
                    DeptName: "",
                    UserPhotoUrl: "http://114.115.149.212:28887/images/doctorImg.png"
                },
                selectHY: {BeginTime: "", EndTime: ""},
                AddGHObj: {
                    Id: 0,
                    HospitalId: 0,
                    ScheduleId: 0,
                    isFirst: "1",
                    PatientId: "",
                    aHospitalId: 0,
                    aDeptId: 0,
                    aDoctorId: 0,
                    PatName: "",
                    IDCard: "",
                    Born: "",
                    Sex: 0,
                    Age: 0,
                    AgeUnit: 0,
                    CellPhone: "",
                    InvoiceNo: "",
                    Condition: "",
                    RegNum: "",
                    Times: 0,
                    RegisterTime: "",
                    RegisterTime2: "",
                    RegisterId: 0,
                    Status: 0
                },
                getGHListObj: {
                    HospitalId: "",
                    name: "",
                    regdate: "",
                    page: 0,
                    limit: 10
                },
                total: 1,
                YYGHList: [],
                /****************************************************************************/
                hzfsList: [
                    {name: '一般转诊', code: "1"},
                    {name: '紧急转诊', code: "2"},
                ],//会诊方式

                //年龄单位
                nldwList: [
                    {name: '岁', code: "1"},
                    {name: '月', code: "2"},
                    {name: '天', code: "3"},
                ],
                //性别
                xbList: [
                    {name: '男', code: "1"},
                    {name: '女', code: "2"},
                    {name: '未知', code: "3"},
                ],
                //婚姻情况
                hyqkList: [
                    {name: '未婚', code: "1"},
                    {name: '已婚', code: "2"},
                    {name: '离异', code: "3"},
                ],
                //患者病情
                hzbqList: [
                    {name: '一般', code: "1"},
                    {name: '紧急', code: "2"},
                    {name: '病危', code: "3"},
                ],
                //医保类别
                yblbList: [
                    {name: '自费', code: "1"},
                    {name: '居民医保', code: "2"},
                    {name: '职工医保', code: "3"},
                ],
                //就诊类型
                jzlxList: [
                    {name: '门诊', code: "1"},
                    {name: '住院', code: "2"},
                ],
                //国籍
                gjList: [
                    {name: '中国', code: "1"},
                    {name: '外籍', code: "2"},
                ],
                //民族
                mzList: [
                    {name: '汉族', code: "1"},
                    {name: '其他少数民族', code: "2"},
                ],
                //职业
                zyList: [
                    {name: '自由职业', code: "1"},
                    {name: '其他', code: "2"},
                ],
                radio: '1',
                textarea: '',
                tableData: [
                    {
                        date: '2016-05-02',
                        name: '王小虎',
                        province: '上海',
                        city: '普陀区',
                        address: '上海市普陀区金沙江路 1518 弄',
                        zip: 200333
                    }, {
                        date: '2016-05-04',
                        name: '王小虎',
                        province: '上海',
                        city: '普陀区',
                        address: '上海市普陀区金沙江路 1517 弄',
                        zip: 200333
                    }, {
                        date: '2016-05-01',
                        name: '王小虎',
                        province: '上海',
                        city: '普陀区',
                        address: '上海市普陀区金沙江路 1519 弄',
                        zip: 200333
                    }, {
                        date: '2016-05-03',
                        name: '王小虎',
                        province: '上海',
                        city: '普陀区',
                        address: '上海市普陀区金沙江路 1516 弄',
                        zip: 200333
                    }],

                /*************************检验申请**********************************/
                isShow: "",
                LoginInfor: {
                    SectionName: "",
                    UserName: "",
                },

                restaurants: [],
                state: '',
                timeout: null,
                stateTime: '',
                selectJYObj: null,

                addJYObj: {
                    //检查化验对象实
                    Request: {
                        Id: -1,
                        BigType: 1,
                        rHospital: 0,
                        rDept: 0,
                        rDoctor: 0,
                        sHospital: 0,
                        PatientId: "",
                        PatientName: "",
                        Condition: 0,
                        Diagnosis: "",
                        CreateId: 0,
                        CreateTime: "2020-01-20T01:28:43.707Z",
                        STATUS: 0,
                        Cost: 0,
                        CheckAim: 0
                    },
                    //患者信息
                    PatientInfo: {
                        Id: 0,
                        ReferralId: 0,
                        Catagory: 0,
                        PatientId: "-1",
                        IDCard: 0,
                        Name: "",
                        Sex: 0,
                        Age: 0,
                        AgeUnit: 0,
                        Marital: 0,
                        Condition: 0,
                        Weight: "",
                        Height: "",
                        BMI: "",
                        Country: 0,
                        Nation: 0,
                        Born: "",
                        MedicalCatagory: 0,
                        MedicalCard: "",
                        TelePhone: "",
                        Occupation: "",
                        Address: "",
                        Dept: "",
                        SeekCatagory: 0,
                        InDate: "",
                        OutDate: ""
                    },
                    Request_Files: [],
                    Request_CehckDetails: [],
                    Request_TestDetails: []
                },
                //检验明细
                Request_TestDetail: {
                    Id: 0,
                    RequestId: 0,
                    Code: "",
                    RequestTime: ""
                },
                //检查明细
                Request_CehckDetail: {
                    Id: 0,
                    RequestId: 0,
                    Code: "string",
                    Dept: 0,
                    Device: 0,
                    BodyPart: "string",
                    RequestTime: "string"
                },
//附件实体
                Request_File: {
                    Id: 0,
                    RequestId: 0,
                    Code: "string",
                    FilePath: "string"
                },
                getJYInforObj: {
                    bigtype: "1",//0检验 1检查1
                    rhospital: "-1",//转出医院编号(全部则传-1)
                    shospital: "-1",//转入医院编号(全部则传-1)
                    bdate: "",//申请开始日期(yyyy-MM-dd)
                    edate: "",//申请截止日期(yyyy-MM-dd)
                    patname: "",//患者姓名
                    status: "-1",//状态码(全部则传-1)
                    page: "0",//页码,默认0
                    limit: "10",//每页数量,默认10
                },
                JYSQList: [],
                total: 1,
                JYInforObj: {
                    //检查化验对象实
                    Request: {
                        Id: -1,
                        BigType: 1,
                        rHospital: 0,
                        rDept: 0,
                        rDoctor: 0,
                        sHospital: 0,
                        PatientId: "",
                        PatientName: "",
                        Condition: 0,
                        Diagnosis: "",
                        CreateId: 0,
                        CreateTime: "2020-01-20T01:28:43.707Z",
                        STATUS: 0,
                        Cost: 0,
                        CheckAim: 0
                    },
                    //患者信息
                    PatientInfo: {
                        Id: 0,
                        ReferralId: 0,
                        Catagory: 0,
                        PatientId: "-1",
                        IDCard: 0,
                        Name: "",
                        Sex: 0,
                        Age: 0,
                        AgeUnit: 0,
                        Marital: 0,
                        Condition: 0,
                        Weight: "",
                        Height: "",
                        BMI: "",
                        Country: 0,
                        Nation: 0,
                        Born: "",
                        MedicalCatagory: 0,
                        MedicalCard: "",
                        TelePhone: "",
                        Occupation: "",
                        Address: "",
                        Dept: "",
                        SeekCatagory: 0,
                        InDate: "",
                        OutDate: ""
                    },
                    Request_Files: [],
                    Request_CehckDetails: [],
                    Request_TestDetails: []
                },

            };
        },
        methods: {
            /***************************************门诊挂号开始*************************************/
            getZZJGList() {
                this.zzjgList = [];
                var params = {
                    name: ""
                };
                this.$get("Hospital/GetList", params)
                    .then(res => {
                        //this.total = res.data.totalCount;
                        this.zzjgList = res.data;
                        if (this.zzjgList.length > 0) {
                            this.selectZZJG2GH = this.zzjgList[0];
                            this.getDeptList();
                        }
                        console.log("组织机构列表查询结果");
                        console.log(res);
                    })
                    .catch(err => {
                        console.log(err);
                    });
            },
            getDeptList() {
                if (this.selectZZJG2GH.HospitalId == "") {
                    this.$message({
                        showClose: true,
                        message: "请选择接诊医院！",
                        type: "error"
                    });
                    return
                }
                var params = {
                    HospitalId: this.selectZZJG2GH.HospitalId,
                    name: ""
                };
                this.$get("Dept/GetList", params)
                    .then(res => {
                        this.deptList = res.data;
                        console.log("科室列表查询结果");
                        console.log(res);
                        if (this.deptList.length > 0) {
                            this.selectDept2GH = this.deptList[0];
                            this.getPBDataList();
                        }
                    })
                    .catch(err => {
                        console.log(err);
                    });
            },


            /*****获取排班信息*******/
            getHZPBList(bdate, edate) {
                if (this.selectDept2GH == null) {
                    this.$message({
                        showClose: true,
                        message: "请选择科室！",
                        type: "error"
                    });
                    return;
                }

                var params = {
                    bdate: bdate,
                    edate: edate,
                    HospitalId: this.selectZZJG2GH.HospitalId,
                    DeptId: this.selectDept2GH.Id,
                };
                // GET /api/OutPatientScheduling/GetList2
                this.$get("OutPatientScheduling/GetList2", params)
                    .then(res => {
                        console.log("门诊排班列表查询结果");
                        console.log(res);
                        this.pbListData = res.data;
                        for (var i = 0; i < this.pbListData.length; i++) {
                            this.pbListData[i].SW = "";
                            this.pbListData[i].XW = "";
                            for (var j = 0; j < this.pbListData[i].TimeList.length; j++) {
                                if (this.pbListData[i].TimeList[j].TimeFlag == "上午") {
                                    this.pbListData[i].SW = this.pbListData[i].TimeList[j].TotalCount;
                                }
                                if (this.pbListData[i].TimeList[j].TimeFlag == "下午") {
                                    this.pbListData[i].XW = this.pbListData[i].TimeList[j].TotalCount;
                                }
                            }
                        }
                        console.log(this.pbListData);
                    })
                    .catch(err => {
                        console.log(err);
                    });
            },
            //本周
            getBZTime() {
                console.log("本周的开始时间");
//本周的开始时间
                console.log(this.getTime(0));
//本周的结束时间
                console.log(this.getTime(-6));
                var bdate = this.getTime(0)
                var edate = this.getTime(-6)
                // this.setDateInit(2);
                console.log("本周排班数据获取");
                this.getHZPBList(bdate, edate)
            },
            getSZTime() {
                console.log("上周的开始时间");
                //上周的开始时间
                console.log(this.getTime(7));
//上周的结束时间
                console.log(this.getTime(1));
                var bdate = this.getTime(7)
                var edate = this.getTime(1)
                // this.setDateInit(1);
                console.log("上周排班数据获取");
                this.getHZPBList(bdate, edate)
            },
            getXZTime() {
                console.log("下周的开始时间");
                //上周的开始时间
                console.log(this.getTime(-7));
//上周的结束时间
                console.log(this.getTime(-14));
                var bdate = this.getTime(-7)
                var edate = this.getTime(-14)
                // this.setDateInit(3);
                console.log("下周排班数据获取");
                this.getHZPBList(bdate, edate)
            },
            getPBDataList(type) {
                if (this.tabPosition == 1) {
                    this.getSZTime();
                } else if (this.tabPosition == 2) {
                    this.getBZTime();
                } else if (this.tabPosition == 3) {
                    this.getXZTime();
                }

            },
            getTime(n) {
                var now = new Date();
                var year = now.getFullYear();
//因为月份是从0开始的,所以获取这个月的月份数要加1才行
                var month = now.getMonth() + 1;
                var date = now.getDate();
                var day = now.getDay();
                console.log(date);
//判断是否为周日,如果不是的话,就让今天的day-1(例如星期二就是2-1)
                if (day !== 0) {
                    n = n + (day - 1);
                } else {
                    n = n + day;
                }
                if (day) {
//这个判断是为了解决跨年的问题
                    if (month > 1) {
                        month = month;
                    }
//这个判断是为了解决跨年的问题,月份是从0开始的
                    else {
                        year = year - 1;
                        month = 12;
                    }
                }
                now.setDate(now.getDate() - n);
                year = now.getFullYear();
                month = now.getMonth() + 1;
                date = now.getDate();
                console.log(n);
                var s = year + "-" + (month < 10 ? ('0' + month) : month) + "-" + (date < 10 ? ('0' + date) : date) + "";
                return s;
            },

            handle(row, column, event, cell) {
                console.log("行数据")
                console.log(row)
                console.log("单元格数据2")
                console.log(column)
                console.log("行数据2")
                console.log(event)
                console.log("行数据2")
                console.log(cell)

                console.log("最终数据")
                console.log(row.ScheduleDate);
                console.log(column.label);
                this.selectDoctorList = row.DoctorList
            },
            handleCurrentChange(val) {
                this.selectDoctorObj = val;
                console.log("当前选择医生时间段")
                console.log(this.selectDoctorObj);
                this.selectDoctorObj.UserPhotoUrl = this.$getBaseIP() + this.selectDoctorObj.UserPhoto
            },
            handleClick(row) {
                console.log(row);
                console.log("当前选中号源")
                this.selectHY = row;
                this.showDialog('');
            },
            AddYYGH() {
                if (this.selectHY.RegNum == null) {
                    this.$message({
                        showClose: true,
                        message: "请选择号源！",
                        type: "error"
                    });
                    return;
                }

                this.AddGHObj.HospitalId = this.LoginInfor.HospitalId;
                this.AddGHObj.ScheduleId = this.selectHY.ScheduleId;
                this.AddGHObj.aHospitalId = this.selectDoctorObj.HospitalId;
                this.AddGHObj.aDeptId = this.selectDoctorObj.DeptId;
                this.AddGHObj.aDoctorId = this.selectDoctorObj.DoctorId;
                this.AddGHObj.Born = this.AddGHObj.Born + " 00:00:00"

                this.AddGHObj.RegNum = this.selectHY.RegNum;
                this.AddGHObj.Times = "";
                this.AddGHObj.RegisterTime = "2020-01-01 00:00:00";
                this.AddGHObj.RegisterTime2 = "2020-01-01 00:00:00";
                this.AddGHObj.RegisterId = this.selectHY.Id;

                var params = this.AddGHObj;
                //POST /api/OutRegisterBuss/Create
                this.$post("OutRegisterBuss/Create", params)
                    .then(res => {
                        console.log("新增挂号结果");
                        console.log(res);
                        if (res.code == 0) {
                            this.getYYGHList();
                            this.AddGHObj = {
                                Id: 0,
                                HospitalId: 0,
                                ScheduleId: 0,
                                isFirst: "1",
                                PatientId: "",
                                aHospitalId: 0,
                                aDeptId: 0,
                                aDoctorId: 0,
                                PatName: "",
                                IDCard: "",
                                Born: "",
                                Sex: 0,
                                Age: 0,
                                AgeUnit: 0,
                                CellPhone: "",
                                InvoiceNo: "",
                                Condition: "",
                                RegNum: "",
                                Times: 0,
                                RegisterTime: "",
                                RegisterTime2: "",
                                RegisterId: 0,
                                Status: 0
                            }
                        } else {
                            this.$message({
                                showClose: true,
                                message: res.msg,
                                type: "error"
                            });
                        }
                    })
                    .catch(err => {
                        console.log(err);
                    });
            },
            deleteYYGH(Id) {
                var params = {
                    Id: Id
                };
                //POST /api/OutRegisterBuss/Delete
                this.$post("OutRegisterBuss/Delete", params)
                    .then(res => {
                        console.log("删除挂号结果");
                        console.log(res);
                        if (res.code == 0) {
                            this.getYYGHList();
                        } else {
                            this.$message({
                                showClose: true,
                                message: res.msg,
                                type: "error"
                            });
                        }
                    })
                    .catch(err => {
                        console.log(err);
                    });
            },
            getYYGHList() {
                this.YYGHList = [];
                this.getGHListObj.HospitalId = this.LoginInfor.HospitalId
                var params = this.getGHListObj;
                //GET /api/OutRegisterBuss/GetList
                this.$get("OutRegisterBuss/GetList", params)
                    .then(res => {
                        this.deptList = res.data;
                        console.log("挂号列表查询结果");
                        console.log(res);
                        this.total = res.data.TotalCount;
                        this.YYGHList = res.data.list;
                        for (var i = 0; i < this.YYGHList.length; i++) {
                            if (this.YYGHList[i].Status == 0) {
                                this.YYGHList[i].StatusName = "挂号"
                            }

                        }
                    })
                    .catch(err => {
                        console.log(err);
                    });
            },
            handleCurrentChange2(val) {
                console.log(`当前页: ${val}`);
                this.getGHListObj.page = val;
                this.getYYGHList()
            },
            handleClickJCItem(row) {
                console.log("选中预约号源")
                console.log(row);
                this.deleteYYGH(row.Id);
            },
            formatDateTime(date, dt) {
                var nd = date
                nd = nd.valueOf()
                nd = nd + dt * 24 * 60 * 60 * 1000
                nd = new Date(nd)
                var y = nd.getFullYear()// 获取年
                var m = nd.getMonth() + 1// 获取月
                var d = nd.getDate()// 获取天
                var h = nd.getHours()// 获取小时
                var f = nd.getMinutes()// 获取分钟
                var s = nd.getSeconds()// 获取秒
                if (m <= 9) m = '0' + m
                if (d <= 9) d = '0' + d
                if (h <= 9) h = '0' + h
                if (f <= 9) f = '0' + f
                if (s <= 9) s = '0' + s
                // var cdate = y + '-'  + m +  '-'  + d + ' '  + h +  ':'  + f +  ':'  + s;
                var cdate = y + '-' + m + '-' + d
                return cdate

            },
            /**************************************门诊挂号结束********************************************/

            showDialog(show) {
                this.isShow = show;
            },


            deleteRow(index, rows) {
                rows.splice(index, 1);
            },

        },
        created() {
            this.msg = this.$route.query;
            console.log("接收过来的传参#############################################################################")
            console.log(this.msg)
            if(this.msg.Token!=null&&this.msg.Token!=""){
                console.log("设置Token")
                this.$setToken(this.msg.Token)
                this.$setItemUrl(this.msg.ItemIP)
            }else{
                console.log("Token为空")
            }
            var loginInfor = localStorage.getItem('LoginInfor');
            this.LoginInfor = JSON.parse(loginInfor);
            console.log("个人登录信息");
            console.log(this.LoginInfor);
            if (this.LoginInfor == null) {
                this.LoginInfor = {
                    SectionName: "",
                    UserName: ""
                }
            }
            this.getZZJGList();
            this.getGHListObj.regdate = this.formatDateTime(new Date(), 0);
            this.getYYGHList();
        }
    };
</script>
<style lang="scss">
    .NumbeRFMaintenMZGHDJ {
        .selectTime {
            .el-input__icon {
                height: 100%;
                width: 25px;
                display: none;
                text-align: center;
                -webkit-transition: all .3s;
                transition: all .3s;
                line-height: 40px;
            }

            .input {
                width: 90px !important;
                height: 28px !important;
            }


        }

        .Dilog {
            .column2 {
                width: 1116px;
                margin: 50px auto;
                background: #fff;
                border-radius: 5px;
                position: relative;
            }

            .form-control {
                width: 96px !important;
            }
        }

        .div_P {
            .form-control {
                display: inline-block;
                width: 12rem;
                height: 32px;
                padding: 5px 12px;
                font-size: 14px;
                line-height: 1.42857143;
                color: #555;
                background-color: #fff;
                background-image: none;
                border: 1px solid #ccc;
                border-radius: 4px;
                -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
                box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
                -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
                transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
                transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
                transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
            }

            .form-group {
                height: 45px;
                margin: 0;
                line-height: 32px;
                padding: 6px 15px 0 15px;
            }
        }

        .elRadioYygh {
            .column2 label {
                width: 52px !important;
            }

            .el-radio-button__inner {

                padding: 6px 11px;

            }
        }

        .fjtable {
            .el-table {
                font-size: 10px !important;
            }
        }

        .cardP {
            .text {
                font-size: 14px;
            }

            .el-card__header {
                padding: 18px 20px;
                border-bottom: 1px solid #EBEEF5;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                background-color: azure;
            }

            .item {
                margin-bottom: 18px;
            }

            .clearfix:before,
            .clearfix:after {
                display: table;
                content: "";
            }

            .clearfix:after {
                clear: both
            }

            .box-card {
                width: 100%;
            }
        }

        .cardPD {
            .text {
                font-size: 12px;
            }

            .el-card__header {
                padding: 8px 20px;
                border-bottom: 1px solid #EBEEF5;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                background-color: azure;
            }

            .item {
                margin-bottom: 18px;
            }

            .clearfix:before,
            .clearfix:after {
                display: table;
                content: "";
            }

            .clearfix:after {
                clear: both
            }

            .box-card {
                width: 100%;
            }
        }

        .cardC {
            .text {
                font-size: 14px;
            }

            .el-card__header {
                padding: 10px 20px;
                border-bottom: 1px solid #EBEEF5;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                background-color: white;
            }

            .el-card__body {
                padding: 8px;
            }

            .item {
                margin-bottom: 18px;
            }

            .clearfix:before,
            .clearfix:after {
                display: table;
                content: "";
            }

            .clearfix:after {
                clear: both
            }

            .box-card {
                width: 100%;
            }
        }


        .el-tree-node.is-current > .el-tree-node__content {
            color: #fff;
            background: #155a00 !important;
        }

        .dRightMain {
            padding: 18px;
        }

        .custom-tree-node {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-size: 14px;
            padding-right: 8px;
        }

        .el-table {
            font-size: 14px !important;
        }

        .el-table thead {
            color: #303133;
        }

        .dRightMain .Tb {
            position: absolute;
            top: 91px;
            left: 240px;
            right: 15px;
            bottom: 0;
            border: 1px solid #ddd;
        }
    }

</style>
